<template>
    <view class="detailsList">
        <view class="detailsList_zhen">
            <view>{{detailData.state == 'FAKE' ? "鉴定为假" : "鉴定为真"}}</view>
            <view>
                <image src="{{detailData.avatar}}"></image>
            </view>
            <view>来自集APP</view>
            <view>鉴别结果跟与用户提供信息得出</view>
            <view class="jia" wx:if="{{detailData.note}}">
                <view>问题</view>
                <view>{{detailData.note}}</view>
            </view>
            <view class="poabs">
                <image src="{{detailData.state == 'FAKE' ? 'https://gatherabc.oss-cn-qingdao.aliyuncs.com/xcx/bad.png' : 'https://gatherabc.oss-cn-qingdao.aliyuncs.com/xcx/quality_goods.png'}}"></image>
            </view>
        </view>
        <view class="detailsList_yonghu">
            <view class="page">
                <view class="page__bd">
                    <view>
                        <view class="weui-cell">
                            <view class="weui-cell__hd" style="position: relative;margin-right: 10px;">
                                <image src="{{detailData.avatar}}" style="width: 50px; height: 50px; display: block;border-radius: 50%" />
                            </view>
                            <view class="weui-cell__bd">
                                <view>{{detailData.nickname}}</view>
                                <view wx:if="{{detailData.userType == 'VIP'}}" style="font-size: 13px;color: #ffb025;"><image src="https://gatherabc.oss-cn-qingdao.aliyuncs.com/xcx/VIP.png" class="vi-mi" style="width:24rpx;height: 24rpx;margin-right: 6rpx;"></image><span class="vi-mi">vip</span></view>
                            </view>
                        </view>
                        <view class="weui-cell">
                            {{detailData.content}}
                        </view>
                    </view>
                </view>
            </view>


            <!--  <view class="detailsList_shuoming">
                 <view>{{detailData.content}}</view>
                 <view>
                     <image src="{{detailData.images}}"></image>
                 </view>
             </view> -->

            <view class="section section_gap">
                <view wx:for="{{myImgs}}" wx:key="item" class="view_img">
                    <image src="{{item}}" mode="widthFix" ></image>
                </view>
            </view>

        </view>
    </view>
</template>
<script>
    import wepy from 'wepy'
    import api from '@/api/api'
    import { USER_INFO, USER_SPECICAL_INFO } from '@/utils/constant'

    export default class detailsListFalse extends wepy.page {
        config = {
            // 配置当前页面

            navigationBarTitleText: '鉴定详情' // 头部标题
        }
        components = {}

        data = {
            id: '',
            detailData: null,
            state:'',
            myImgs:null
        }

        async getDetailFalse() {
            let self = this
            const json = await api.queryIdentifyId({}, self.id)
            if (json.data.code == 0) {
                self.detailData = json.data.data;
                self.myImgs = self.detailData.images.split(',')
                self.$apply()
            }
        }

        onLoad(option) {
            this.id = option.id;
            this.state = option.state;
            this.getDetailFalse();
        }

        methods = {

        }
        events = {}
    }
</script>
<style lang="less">
    .detailsList {
        .detailsList_zhen {
            position: relative;
            background: #fff;
            > view:nth-child(1) {
                padding-top: 20rpx;
                font-size: 60rpx;
                color: #2a2a2a;
            }
            > view:nth-child(2) {
                padding-top: 80rpx;
            }
            > view:nth-child(3) {
                color: #999;
            }
            > view:nth-child(4) {
                color: #999;
                padding-top: 80rpx;
            }
            view {
                text-align: center;
                image {
                    width: 100rpx;
                    height: 100rpx;
                }
            }
            .poabs {
                position: absolute;
                right: -10%;
                top: 10%;
                image {
                    width: 250rpx;
                    height: 250rpx;
                }
            }
            .jia {
                padding: 40rpx 0;
                view:first-child {
                    background: #fff;
                    border: 1px dashed #e3e3e3;
                    border-right: 0;
                }
                view {
                    display: inline-block;
                    height: 60rpx;
                    padding: 0 20rpx;
                    line-height: 60rpx;
                    background: #e3e3e3;
                    border: 1px solid #e3e3e3;
                }
            }
        }
        .detailsList_yonghu {
            background: #fff;
            margin-top: 20rpx;
            .detailsList_shuoming {
                view:first-child {
                    padding: 20rpx;
                    color: #333;
                }
                view:last-child {
                    width: 100%;
                    image {
                        width: 100%;
                    }
                }
            }
            .section{
                width: 100%;
                .view_img{
                    text-align:center;
                    image{
                        display: inline-block;
                    }
                }
            }
        }
        .vi-mi{
            display: inline-block;
            vertical-align: middle;
            line-height: 20rpx;
        }
    }
</style>
